
$(function () {
  // 菜单展开/折叠交互
  $('.menus .triangle').click(function () {
    $(this).parents('li').toggleClass('collapsed');
  })

  //模板引擎过滤器
  template.defaults.imports.getTime = function (time) {
    var data = new Date(time)
    //年
    var y = data.getFullYear();

    //月
    var m = data.getMonth() + 1;
    //日
    var d = data.getDate();
    //时
    var hh = data.getHours();
    //分
    var mm = data.getMinutes();
    //秒
    var ss = data.getSeconds();

    m = padZero(m)
    d = padZero(d)
    hh = padZero(hh)
    mm = padZero(mm)
    ss = padZero(ss)

    return `${y}-${m}-${d}******${hh}:${mm}:${ss}`

  }
  //补零
  function padZero(n) {
    return n > 10 ? n : '0' + n
  }
//展示评论 渲染数据到评论
  getDetail()
  function getDetail() {
   
    $.ajax({
      method: 'get',
      url: '/api/articles/' + localStorage.getItem('id')+'/comments',
      success(res) {
        if (res.status !== 0) {
          return console.log(res.message);
        }
        console.log(res);
        var htmlStr = template('tpl_detail', res)
        $('.ok').html(htmlStr)
      }
    })
  }

//获取文章列表
  $('#comment-form').on('submit', function (e) {
    //阻止默认行为
    e.preventDefault()
    var txt = $('#uname').val()
    var tex = $('#value').val()
    if (!txt || !tex) {
      return alert('评论内容或用户不能为空')
    }
    //获取用户输入的数据
    var data = $(this).serialize();
    
    $.ajax({
      method: 'post',
      url: '/api/articles/' + localStorage.getItem('id')+'/comments',
      data,
      success(res) {
        console.log(res);
        //判断是否获取成功
        if (res.status !== 0) {
          return console.log(res.message);
        }
        $('#comment-form')[0].reset()
        //渲染到评论列表
        getDetail()
      }
   })
  })
})

//点赞

$('.ok').on('click', '.like', function () {
  // console.log('ok');
  $(this).css('color', 'red')
  var i = $(this).html()
  i++
  $(this).html(i)
})
